	<script>
		$(document).ready(function() {
			$('#example').dataTable();
			$('#example_length').remove();
			$('#example_filter').remove();
			$('#example_info').remove();
			$('#example_paginate').remove();
		});
	</script>

<!-- /.section, /#navigation -->
<div id="main-wrapper">
  <div class="clearfix with-navigation" id="main">
    <div class="column" id="content">
      <div class="section">
      		<!--{$htmlErrMsg}-->
          	<div id="content-area" style='min-height:650px'>
          		<div style = "display:table-cell;text-align:left; width: 960px;">
          			<h3>Create a new conference </h3>
          			<hr>
          		</div>

          		<form action="<!--{$smarty.const.HTTP_URL}-->conference/index.php" method="post" id="user-register" >
	          		<div class="form-item" id="edit-mail-wrapper">
		              <input name="bk" id="back" value="Go back" class="form-submit" type="button" onclick='history.back();' style=" float:right; width:100px; "/>

						<!--{if ($canJoinFlg == "OK")}-->
							<input name="op" id="vote" value="Join" class="form-submit" type="submit" style=" float:right; width:100px; "/>
		              	<!--{else}-->
							<input name="op" id="vote" value="Join" class="form-submit" type="submit" style=" float:right; width:100px; "disabled>
						<!--{/if}-->
					</div>

          			<input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
          			<input type="hidden" name="mode" id="mode" value="join" />
          			<input type="hidden" name="conferenceId" id="conferenceId" value="<!--{$conferenceInfo.id|escape}-->" />
	              <!-- conferenceName -->
	              <div class="form-item" id="edit-mail-wrapper">
	                <label for="edit-mail">Conference Name:
	                <span class="form-required" title="This field is required.">&nbsp </span>
	                </label>
	                <input name="conferenceName"
	                		id="conferenceName"
	                		value="<!--{$conferenceInfo.conferenceName|escape}-->"
	                		class="form-text required"
	                		type="text" style = "border-style:none;background-color: #FFFFFF" readonly="readonly" />

	              </div>
	               <!-- Conference Time -->
	              <div class="form-item" id="edit-mail-wrapper">
	                <label for="edit-mail">Conference Time:
	                <span class="form-required" title="This field is required.">&nbsp </span>
	                </label>
	                <input name="from"
	                		id="from"
	                		value="<!--{$conferenceInfo.from|escape}-->"
	                		class="form-text required"
	                		type="text" style = "border-style:none;background-color: #FFFFFF;width:80px;" readonly="readonly" />
	                <span style='color: #1B2E79;' title="This field is required."> --- </span>
	                <input name="to"
	                		id="to"
	                		value="<!--{$conferenceInfo.to|escape}-->"
	                		class="form-text required"
	                		type="text" style = "border-style:none;background-color: #FFFFFF;width:80px;" readonly="readonly" />
	                <span class="form-required" title="This field is required.">&nbsp </span>
	              </div>
	                <!-- Venue -->
	              <div class="form-item" id="edit-mail-wrapper">
	                <label for="edit-mail">Venue:
	                <span class="form-required" title="This field is required.">&nbsp </span>
	                </label>
	                <input name="venue"
	                		id="venue"
	                		value="<!--{$conferenceInfo.venue|escape}-->"
	                		class="form-text required"
	                		type="text" style = "border-style:none;background-color: #FFFFFF;" readonly="readonly" />

	              </div>

	              <!-- Conference Summary -->
	              <div class="form-item" id="edit-field-keywords-0-value-wrapper">
	                <label for="edit-field-keywords-0-value"> Summary:
	                	<span class="form-required" title="This field is required.">&nbsp </span>
	                </label>
	                <div class="resizable-textarea">
	                  <span>
	                    <textarea cols="60" rows="5"
	                    		  name="summary"
	                    		  id="summary"
	                    		  class="form-textarea resizable textarea-processed"
	                    		  style = "border-style:none;background-color: #FFFFFF;"
	                    		  readonly="readonly" >
	                    		  <!--{$conferenceInfo.summary|escape}-->
	                    </textarea>
	                  </span>
	                </div>
	              </div>
	               <!-- Organizer -->
	              <div class="form-item" id="edit-mail-wrapper">
	                <label for="edit-mail">Organizer:
	                <span class="form-required" title="This field is required.">&nbsp </span>
	                </label>
	                <input name="organizer"
	                		id="organizer"
	                		value="<!--{$conferenceInfo.organizer|escape}-->"
	                		class="form-text required"
	                		type="text" style = "border-style:none;background-color: #FFFFFF;" readonly="readonly" />
	              </div>

	              <!-- Tel -->
	              <div class="form-item" id="edit-mail-wrapper">
	                <label for="edit-mail">Tel:
	                <span class="form-required" title="This field is required.">&nbsp </span>
	                </label>
	                <input name="tel"
	                		id="tel"
	                		value="<!--{$conferenceInfo.tel|escape}-->"
	                		class="form-text required"
	                		type="text" style = "border-style:none;background-color: #FFFFFF;" readonly="readonly" />
	              </div>
	              <!-- Fax -->
	              <div class="form-item" id="edit-mail-wrapper">
	                <label for="edit-mail">Fax:
	                <span class="form-required" title="This field is required.">&nbsp </span>
	                </label>
	                <input name="fax"
	                		id="fax"
	                		value="<!--{$conferenceInfo.fax|escape}-->"
	                		class="form-text required"
	                		type="text" style = "border-style:none;background-color: #FFFFFF;" readonly="readonly" />
	              </div>
	              <!-- Attachment -->
	              <div class="form-item" id="edit-mail-wrapper">
	                <label for="edit-mail">Attachment:
	                <span class="form-required" title="This field is required.">&nbsp </span>
	                </label>
					<a href ="<!--{$conferenceInfo.downloadfile|escape}-->" >&nbsp;<!--{$conferenceInfo.attachment|escape}--></a>
	              </div>

	              	<div style = "display:table-cell;text-align:left; width: 960px;" >
          				<hr>
          			</div>
					<input type="hidden" name="savedFileName" value="<!--{$conferenceInfo.downloadfile|escape}-->" />
					<input type="hidden" value="<!--{$conferenceInfo.membersFee|escape}-->" name="membersFee">
					<input type="hidden" value="<!--{$conferenceInfo.freeMembersFee|escape}-->" name="freeMembersFee">
					<input type="hidden" value="<!--{$conferenceInfo.freeStudentMembersFee|escape}-->"  name="freeStudentMembersFee">
					<input type="hidden" value="<!--{$conferenceInfo.headcountLimit|escape}-->" name="headcountLimit">
					<!--{section name=counter loop=$conferenceFeeInfo }-->
						<input type="hidden" value="<!--{$conferenceFeeInfo[counter].fees_name|escape}-->" name="serviceName[]">
						<input type="hidden" value="<!--{$conferenceFeeInfo[counter].member_price|escape}-->" name="membersPrice[]">
						<input type="hidden" value="<!--{$conferenceFeeInfo[counter].free_member_price|escape}-->" name="freeMembersPrice[]">
						<input type="hidden" value="<!--{$conferenceFeeInfo[counter].free_student_price|escape}-->" name="freeStudentMembersPrice[]">
						<input type="hidden" value="<!--{$conferenceFeeInfo[counter].head_limit|escape}-->" name="limit[]">
					<!--{/section}-->

          			<div id="demo" style = "min-height:150px;">
						<table cellpadding="0" cellspacing="0" border="0" class="display" id="example">
							<thead>
								<tr>
									<th>ServiceName</th>
									<th>Member Price</th>
									<th>Free Member Price</th>
									<th>Free Member Price(Student)</th>
									<th>limit</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>Conference Fee</td>
									<td><!--{$conferenceInfo.membersFee|escape}--></td>
									<td><!--{$conferenceInfo.freeMembersFee|escape}--></td>
									<td><!--{$conferenceInfo.freeStudentMembersFee|escape}--></td>
									<td><!--{$conferenceInfo.headcountLimit|escape}-->&nbsp;/&nbsp;<!--{$total|escape}--></td>
								</tr>
								<!--{section name=counter loop=$conferenceFeeInfo }-->
								<tr>
									<td><!--{$conferenceFeeInfo[counter].fees_name|escape}--></td>
									<td><!--{$conferenceFeeInfo[counter].member_price|escape}--></td>
									<td><!--{$conferenceFeeInfo[counter].free_member_price|escape}--></td>
									<td><!--{$conferenceFeeInfo[counter].free_student_price|escape}--></td>
									<td><!--{$conferenceFeeInfo[counter].head_limit|escape}-->&nbsp;/&nbsp;<!--{$conferenceFeeInfo[counter].goodsCount|escape}--></td>
								</tr>
								<!--{/section}-->
							</tbody>
						</table>
					</div>
          		</form>
				</div>
        </div>
      </div>
    </div>
    <!-- /.section, /#content -->
  </div>
<!-- /#main, /#main-wrapper -->
